<template>
    <div class="container404">
        <div class="main">
            <img src="../../assets/lion-404.png" alt width="300" height="150">
            <p class="tip-404" style="text-align:center">对不起，此页面已无法找到！</p>
        </div>
    </div>
</template>
<script>
import {errorUrl} from "@/environment/index.js";
export default {
    data() {
        return {
            imageUrl: ""
        };
    },
    created(){
        window.location.href = errorUrl
    }
}
</script>
<style scoped lang="scss">
.container404 .main {
    position: absolute;
    width: 300px;
    height: 150px;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.tip-404 {
    text-align: center;
    padding-top: 26px;
    font-size: $--font-size-large;
    color: #7d93a6;
}
</style>

